﻿body
{
	color: White;
	font-family: Verdana;
	background-color:Black;
}
button
{
	background-color: #D2D2D2;
	width: 100%;
	left: 5%;	
	color: Black;
	border: 0px;
	margin: 1%;
	text-align:center;
	font-weight: bold;
	font-size: 90%;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divTitles
{
	font-weight: bold;
	font-size: small;
}
.divTabs
{
	position: static;
	width: 800px;
	height: 600px;
	text-align: center;
	margin: 0px auto;
}
.divLobbyBackGround
{
	position: static;
	width: 700px;
	height: 550px;
    /*background-image: url(/Images/BackGround.png); */
	text-align: center;
	margin: 0px auto;
	/*border: solid 1px Black;*/
}

.divPlayerInfo
{
	position: relative;
	float: left;	
	left: 2%;
	top: 4%;
	width: 25%;
	height: 88%;	
	font-weight: bold;
	background-color: #5B5B5B;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divPlayerInfo .divPhoto
{
	position: relative;
	float: left;	
	left: 25%;
	top: 2%;
	width: 50%;	
	height: 80px;
	max-height: 80px;
	border: solid 2px White;
	background-color: Black;
	background-position: center;
	background-repeat: no-repeat;		
}
.divPlayerInfo .divPhoto img
{
	width: 100%;	
	height: 80px;
}

.divPlayerInfo .divPlayerName
{
	position: relative;
	clear: left;
	left: 5%;
	top: 3%;
	max-width: 90%;
	font-weight:bold;
	font-size: medium;
}
.divPlayerInfo .divPlayerOptions
{
	position: relative;
	left: 5%;
	top: 7%;
	width: 90%;
	/*background-color: Black;*/
	padding-top: 2%;
	padding-bottom: 2%;	
	font-size: small;
}
.divPlayerInfo .divPlayerOptions button
{
	background-color: #D2D2D2;
	width: 100%;
	left: 5%;	
	color: Black;
	border: 0px;
	margin: 1%;
	text-align:center;
	font-weight: bold;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divPlayerInfo .divPlayerFriendsList
{
	position: relative;	
	left: 5%;
	top: 8%;
	width: 90%;
	height: 38%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.divPlayerInfo .divPlayerFriendsList dl
{
	position: relative;	
	overflow:auto;	
	left: 5%;	
	width: 90%;	
	height: 75%;
	max-height: 75;
	background-color: White;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 3%;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divPlayerInfo .divPlayerFriendsList dl dt
{
	position: relative;	
	color: Black;
	left: 5%;
	width: 90%;
	border-bottom: solid 1px Black;
	font-size: small;
}

.divPlayerInfo .divPlayerFriendsList dl dt.Offline
{
	color:Yellow;
}
.divCommunication
{
	position: relative;
	float: left;
	left: 3.5%;
	top: 4%;
	width: 43%;
	height: 88%;
	font-weight: bold;	
	background-color: #5B5B5B;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divCommunication .divInviteBoard
{
	position: relative;
	left: 5%;
	width: 90%;
	height: 25%; 
	top: 2%;
	border: solid 1px Gray;
	font-weight: bold;
	font-size: small;
}
.divCommunication .divInviteBoard dl
{
	position: relative;
	overflow:auto;	
	left: 1.5%;	
	width: 97%;	
	height: 76%;
	max-height: 76%;
	background-color: White;	
	padding-bottom: 2%;
	margin-top: 1%;
	margin-bottom: 3%;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divCommunication .divInviteBoard dl dt
{
	position: relative;	
	color: Black;
	left: 5%;
	width: 90%;
	text-align: left;
	border-bottom: solid 1px Black;
}

.divCommunication .divInviteBoard textarea
{
	width: 95%;
	height: 78%;	
}
.divCommunication .divMessageBoard
{
	position: relative;
	left: 5%;
	width: 90%;
	height: 45%; 
	top: 4%;
	border: solid 1px Gray;
	font-weight: bold;
	font-size: small
}
.divCommunication .divMessageBoard textarea
{
	width: 95%;
	height: 88%;
}
.divCommunication .divPlayerMessage
{
	position: relative;
	left: 5%;
	width: 90%;
	height: 16%;
	top: 6%;
	border: solid 1px Gray;	
	padding-left: 1%;	
	font-weight: bold;
	font-size: small;
}
.divCommunication .divPlayerMessage textarea
{
	left: 1%;
	top: 5%;
	height: 30%;
	width: 95%;
}
.divCommunication .divPlayerMessage input
{
	position: relative;
	float: left;
	left: 5px;	
	height: 30%;	
	border: 0px;		
	text-align: center;
	margin-top: 2px;
	font-size: smaller;
}
.divCommunication .divPlayerMessage select
{
	position: relative;
	float: left;
	left: 3%;	
	width: 42%;
	height: 30%;	
	border: 0px;		
	text-align: center;
	margin-top: 2px;
	margin-right: 7px;
	font-size: small;	
}
.divOnLists
{
	position: relative;
	float: left;
	left: 5%;
	top: 4%;
	width: 25%;
	height: 88%;
	font-weight: bold;
	background-color: #5B5B5B;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divOnLists .divPlayersOnList
{
	position: relative;	
	left: 5%;
	top: 2%;
	width: 90%;
	height: 42%;
	padding-bottom: 2%;
	font-size: small;
	border: solid 1px Gray;	
}

.divOnLists .divPlayersOnList dl
{
	position: relative;
	overflow:auto;	
	left: 5%;	
	width: 90%;	
	height: 70%;
	max-height: 70%;
	background-color: White;	
	padding-bottom: 2%;
	margin-bottom: 3%;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divOnLists .divPlayersOnList dl dt
{
	position: relative;	
	color: Black;
	left: 5%;
	width: 90%;
	border-bottom: solid 1px Black;
}
.divOnLists .divGameOnList
{
	position: relative;	
	left: 5%;
	top: 3%;
	width: 90%;
	height: 42%;
	padding-bottom: 2%;
	font-size: small;
	border: solid 1px Gray;	
}
.divOnLists .divGameOnList dl
{
	position: relative;
	overflow:auto;	
	left: 5%;	
	width: 90%;	
	height: 70%;
	max-height: 70%;
	background-color: White;	
	padding-bottom: 2%;
	margin-bottom: 3%;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.divOnLists .divGameOnList dl dt
{
	position: relative;	
	color: Black;
	left: 5%;
	width: 90%;
	border-bottom: solid 1px Black;
}